import styled from 'styled-components';


export const DetailWrapper = styled.div`
      width: 620px;
      margin:0 auto;
      overflow:hidden;
      padding-top: 20px;
      padding-bottom: 40px;
     
`;
export const Header = styled.div`
      margin: 30px 0 0;
      font-size:34px;
      font-size: 34px;
      font-weight: 700;
      line-height: 1.3;
`;
export const Content = styled.div`
      color:#2f2f2f;
      img{
        width:100%;
      }
      p{
        margin:25px 0;
        font-size:16px;
        line-height:30px;
      }
      b{
       font-weight:bold;
      }
`;
export const Follow = styled.div`
     margin: 0 auto;
     padding-top:20px;
     color:#333;
     text-align:center;
     span{
      margin-bottom: 20px;
      min-height: 24px;
      font-size: 17px;
      font-weight: 700;
      display:block;
      color:#969696;
      margin-bottom:20px;
     }
     .btn{
     margin:auto;
     width:116px;
     line-height:40px;
     background: #ea6f5a;
     border-radius: 20px;
     color:#fff;
     user-select:none;
     cursor:pointer;
     &:hover{
     background:#ec6149;
     }
     }
`;
